
$(function(){
	//请求数据
	createDetailTable({});
	$('#tableD')
	.css({overflowY: 'auto'})
	.height($(window).height() - $('.head-search').height() - 60)
	.scroll(function(){
		$('.abs').css({left: -$(this).scrollLeft()})
	});

	//翻页
	// var pageIndex = 0;
	// $('#detail').on('tap', '.pre', function(){
	// 	//上一页
	// 	pageIndex--;
	// 	createDetailTable({
	// 		pageIndex: pageIndex,
	// 		beginDate : $('#selectorBeginDateShow').html(),
	// 		endDate : $('#selectorEndDateShow').html(),
	// 		qryType: $('#qryToTypeS').val(),
	// 		qryInOut: $('#selectorClearShowD').attr('data-value'), //清算状态
	// 	});
	// }).on('tap', '.next', function(){
	// 	//下一页
	// 	pageIndex++;
	// 	createDetailTable({
	// 		pageIndex: pageIndex,
	// 		beginDate : $('#selectorBeginDateShow').html(),
	// 		endDate : $('#selectorEndDateShow').html(),
	// 		qryType: $('#qryToTypeS').val(),
	// 		qryInOut: $('#selectorClearShowD').attr('data-value'), //清算状态
	// 	});
	// });


	//搜索确认按钮
	$("#confirmBtnD").click(function(){
		createDetailTable(); //请求数据
		mui.back(); //mui 返回
	});


	//选择器
	$(".myPicker").click(function(){
		var self = this;
		var nowDate = new Date();
		//创建普通的popPicker
		var popPicker = new mui.PopPicker();
		var popDataArray = new Array();
		//创建日期形式的Depicker
		var datePicker = new mui.DtPicker({
			type: "date",
			endDate: nowDate
		});
		switch ($(self).attr('id')){
			//开始日期选择器
			case 'selectorBeginDateD':
				datePicker.setSelectedValue(getMonthStartDate());
				datePicker.show(function(items) {
					$("#selectorBeginDateShowD").html(items.value);
					datePicker.dispose();
				});
				break;
			//结束日期选择器
			case 'selectorEndDateD':
				datePicker.show(function(items) {
					$("#selectorEndDateShowD").html(items.value);
					datePicker.dispose();
				});
				break;
			//进出码
			case 'selectorClearD':
				popDataArray = [];//将数组清空
				popDataArray = [{value: '' ,text: '全部'},{value: '1' ,text: '入库'},{value: '0' ,text: '出库'}];
				popPicker.setData(popDataArray);
				popPicker.show(function(items) {
					$("#selectorClearShowD").html(items[0].text).attr('data-value',items[0].value);
					popPicker.dispose();
				});
				break;
			default:
				break;
		}
	});
})

//获取明细数据
function createDetailTable(){
	var limit = 20;
	// console.log(params)
	var detailParams = JSON.parse(window.localStorage.zhParams);
	var data = {
		beginDate : $('#selectorBeginDateShowD').html(),
		endDate : $('#selectorEndDateShowD').html(),
		qryType: $('#qryToTypeS').val(),
		qryInOut: $('#selectorClearShowD').attr('data-value'), //清算状态
	}
	//显示当前查询条件
	$("#qryTypeD").html(data.qryType || '');
	$("#qryInOutD").html($('#selectorClearShowD').html());
	$("#beginDateD").html(data.beginDate || '');
	$("#endDateD").html(data.endDate || '');

	// $('.no-data').html('<span class="mui-spinner"></span>')
	$('#table').html("");
	layui.use('table', function() {
		var table = layui.table;
		table.render({
			elem: '#table'
			, limit: limit
			// ,skin: 'line'
			, even: true
			, size: 'sm'
			, height: $(window).height() - $('.head-search').height() - 120
			, url: url1 + Utils.Api.rptMgntHbzjDetail //数据接口
			, where: $.extend({
				accessid: window.localStorage.accessid || '',
				field: 'kcMainDate',
				direction: 'DESC',
				qryInOut: data.qryInOut || '',  //进出码
				qryType: data.qryType || '',//单据类型
				qryDateB: data.beginDate || '',
				qryDateE: data.endDate || '',
			}, detailParams)
			,request: {
				pageName: 'pageIndex' //页码的参数名称，默认：page
				,limitName: 'limit' //每页数据量的参数名，默认：limit
			}
			, response: {
				statusName: 'hasError', //数据状态的字段名称，默认：code
				statusCode: false, //成功的状态码，默认：0
				msgName: 'error', //状态信息的字段名称，默认：msg
				countName: 'results', //数据总数的字段名称，默认：count
				dataName: 'rows' //数据列表的字段名称，默认：data
			}
			, page: true //开启分页
			, cols: [[ //表头
				{field: 'kcMainDate', title: '交易日期', align: 'center',width: 120, templet: function (d) {
					return !d.summary? dateTimeFormat("yyyy-MM-dd", new Date(d.kcMainDate)): '<span class="font-bold">' + d.summary+'</span>'
				}},
				{field: 'kcMainRemark', title: '摘要备注', align: 'center', width: 180},
				{field: 'kcCostAmountSign', title: '金额',align: 'right', width: 100, templet: function (d) {
						return !d.summary?  Utils.formatMoney(d.kcCostAmountSign): '<span class="font-bold">' +Utils.formatMoney(d.kcCostAmountSign)+'</span>'
					}},
				{field: 'kcMainNo', title: '进出单号', align: 'center', width: 140},
				{field: 'kcInOut', title: '进出码', templet: function (d) {
						return !d.summary? d.kcInOut === 0 ? "出库" : "入库" : ''
					}, align: 'center', width: 80},
				{field: 'typeName', title: '单据类型', align: 'center',width: 140},
				{field: 'kcMxFzAmountSign', title: '辅助金额', templet: function (d) {
						return !d.summary?  Utils.formatMoney(d.kcMxFzAmountSign): '<span class="font-bold">' +Utils.formatMoney(d.kcMxFzAmountSign)+'</span>'
					}, align: 'right', width: 100}
			]]
			,
			sums: true
		});
	})
	// $('#list').html("");

	// layui.use('flow', function(){
	// 	var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
	// 	var flow = layui.flow;
	// 	flow.load({
	// 		elem: '#list' //指定列表容器
	// 		,isAuto: true
	// 		,mb: 150
	// 		,scrollElem: '#list'
	// 		,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
	// 			console.log(page)
	// 			//以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）
	// 			Utils.request(Utils.Api.rptMgntHbzjDetail, $.extend({
	// 				start: limit*page,
	// 				limit: limit,
	// 				pageIndex: page,
	// 				field: 'kcMainDate',
	// 				direction: 'DESC',
	// 				qryInOut: data.qryInOut || '',  //进出码
	// 				qryType: data.qryType || '',//单据类型
	// 				qryDateB: data.beginDate || '',
	// 				qryDateE: data.endDate || '',
	// 			},detailParams), function(data){
	// 				$('#kcCostAmountSign').html(data.summary.kcCostAmountSign.toFixed(2));
	// 				$('#kcMxFzAmountSign').html(data.summary.kcMxFzAmountSign.toFixed(2));
	// 				// console.log(page < parseInt(data.results/limit) + 1)
	// 				// if(page < parseInt(data.results/limit) + 1){
	// 				// 	$('#list').append(template('tableTemD', data.rows));
	// 				// }
	// 				next( template('tableTemD', data.rows), page < parseInt(data.results/limit) + 1);
	// 			})
	// 		}
	// 	});
	// });
	// Utils.request(Utils.Api.rptMgntHbzjDetail, {
	// 	start: limit*pageNo,
	// 	limit: limit,
	// 	pageIndex: pageNo,
	// 	field: 'kcMainDate',
	// 	direction: 'DESC',
	// 	kcAccountId: detailParams.kcAccountId,
	// 	kcMxUnitId: detailParams.kcMxUnitId,
	// 	qryInOut: data.qryInOut || '',  //进出码
	// 	qryType: data.qryType || '',//单据类型
	// 	qryDateB: data.beginDate || '',
	// 	qryDateE: data.endDate || '',
	// }, function(data){
	// 	$('#list').html(template('tableTemD', data.rows));
	// 	// $('#total').html(data.results);
	// 	// var pageHtml = $('#detail');
	// 	// pageHtml.find('button').removeAttr('disabled');
	// 	// if(data.rows.length < 10){
	// 	// 	pageHtml.find('.next').attr('disabled', 'disabled')
	// 	// }
	// 	// if(pageNo == 0){
	// 	// 	pageHtml.find('.pre').attr('disabled', 'disabled')
	// 	// }
	// })
}